<tr:document xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core" xmlns:tr="http://myfaces.apache.org/trinidad"
    xmlns:c="http://java.sun.com/jstl/core" xmlns:ajsfc="http://java.sun.com/jsf/composite/components"
    xmlns:trh="http://myfaces.apache.org/trinidad/html"
    title="Autocomplete Test">
    
<trh:head>
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" href="css/autocompleteTest.css" />
</trh:head>

    <f:loadBundle basename="MessageResources" var="bundle"/>
    
    <tr:form>
        <tr:panelFormLayout>
            <tr:panelPopup text="click to popup" xoffset="-50">
            <tr:outputText value="popup content"></tr:outputText>
            </tr:panelPopup>
            <tr:panelLabelAndMessage label="Select (or start writing) a Brazilian city name:" showRequired="false">
                <ajsfc:autocomplete id="cityId" parentId=""
                    value="#{test.cityId}"
                    readOnly="false" required="true"
                    locateBackingBean="#{test}"
                    locateActionListenerName="fillAutocomplete" 
                    locateValueFieldName="id" 
                    locateVisibleFieldName="nome"
                    itemConverterId="com.wim.autocomplete.TestConverter"/>
            </tr:panelLabelAndMessage>
        </tr:panelFormLayout>
    </tr:form>

</tr:document>